<%-- 
    Document   : ventas
    Created on : 12/07/2014, 01:52:10 AM
    Author     : MilerIvan
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="_sub/_librerias.jsp" %>

<%@include file="_sub/_head.jsp" %> 
<%@include file="_sub/_menu.jsp" %>
<div id="page-wrapper">
    <sj:tabbedpanel id="localtabs">
        <sj:tab id="tab1" target="tone" label="Ingresar Producto"/>
        <sj:tab id="tab2" target="ttwo" label="Listar Productos"/>
        <div id="tone">
            <form role="form">
                <div class="row">
                    <div class="col-lg-6">

                        <div class="form-group">
                            <label>Cliente</label>
                            <br>
                            <sj:autocompleter list="listadoClientes" 
                                              listKey="%{cli_ruc}" 
                                              listValue="%{cli_razSocial}"                                               
                                              name="cli_ruc"
                                              id="cli_ruc"
                                              />

                        </div>

                    </div>
                    <div class="col-lg-3">
                        <div class="form-group">
                            <label>RUC</label>
                            <input id="rucdni" class="form-control" >
                        </div>
                    </div >
                    <div class="col-lg-3">
                        <div class="form-group">
                            <label>Tipo Documento</label>
                            <select class="form-control">
                                <option>Boleta</option>
                                <option>Factura</option>                                
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                Detalle Venta
                            </div>
                            <div class="panel-body">
                                <div class="col-lg-12">
                                    <form role="form">
                                        <div class="form-group">
                                            <label>Producto</label>
                                            <br>
                                            <sj:autocompleter list="listadoProducto" 
                                                              listKey="%{pro_id}" 
                                                              listValue="%{pro_nombre}"                                               
                                                              name="pro_id"
                                                              id="pro_id"
                                                              />
                                        </div>
                                    </form>
                                </div>
                                <div class="col-lg-3">
                                    <div class="form-group">
                                        <label>Precio S/.</label>
                                        <input id="pro_precio" class="form-control">
                                    </div>
                                </div >
                                <div class="col-lg-3">
                                    <div class="form-group">
                                        <label>Cantidad</label>
                                        <input class="form-control">
                                    </div>
                                </div >
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Agregar producto</label>
                                        <button type="button" class="btn btn-default btn-block"><i class="fa fa-plus"></i></button>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-footer">
                                <div class="row">
                                    <div class="col-lg-3">
                                        <label>Sub Total S/.</label>
                                        <input class="form-control">
                                    </div>

                                    <div class="col-lg-3">
                                        <label>I.G.V. 18% S/.</label>
                                        <input class="form-control">
                                    </div>
                                    <div class="col-lg-3">
                                        <label>Total S/.</label>
                                        <input class="form-control">
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="form-group">
                                            <label>Finalizar venta</label>
                                            <button type="button" class="btn btn-primary btn-block"><i class="fa fa-plus"></i> Guardar</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
            </form>
        </div>
        <div id="ttwo"></div>
    </sj:tabbedpanel>
    <!-- /.row -->
</div>
<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
    Launch Demo Modal
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Modal title</h4>
            </div>
            <div class="modal-body">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
<script src="assets/jsVentas/ventas.js" type="text/javascript"></script>
<%@include file="_sub/_footer.jsp" %>